$(function() {
    var that=false;
    var that2=false;
    var index=0;
    var index2=0;
    $('.left a').click(function () {
        $(this).addClass('active');
        if(that!=this){
            $(that).removeClass('active');
        }
        that=this;
    })
    $('.left a:first').click()
    $('.left strong').click(function () {
        $(this).find('i').toggleClass('glyphicon glyphicon-minus glyphicon glyphicon-plus');
        $(this).next().slideToggle()
    })
    $('.right .nav li').click(function () {
        $(this).addClass('active');
        index=$(this).attr('data-index');
        $(this).parents('.right').find('tbody').eq(index).show()
        if(that2!=this){
            index2=$(that2).attr('data-index');
            $(that2).removeClass('active');
            $(that2).parents('.right').find('tbody').eq(index2).hide()
        }
        that2=this;
    })
    $('.right .nav li:first').click()
})
